<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>申报统计分析</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
	<link rel="stylesheet" type="text/css" href="../../../js/orgpicker/orgpicker.css">
<link rel="stylesheet" type="text/css"	href="../../../css/cloud-admin.css">
<link rel="stylesheet" type="text/css"	href="../../../css/themes/default.css" id="skin-switcher">
<link href="../../../font-awesome/css/font-awesome.min.css"	rel="stylesheet">
<link href="../../../js/datetimepicker/css/bootstrap-datetimepicker.min.css"	rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../../js/ctiypicker/css/cityPicker.css">
<script type="text/javascript" src="../../../js/ctiypicker/js/cityPicker.js"></script>
<!-- bootstrap table css-->
<link rel="stylesheet"	href="../../../bootstrapTable/dist/bootstrap-table.min.css">

<link rel="stylesheet"	href="../../../js/jquery-upload/css/jquery.fileupload.css">

<style type="text/css">
.title {
	width: 16%;
	text-align: right;
}

.context { 
	width: 30%;
}
.datetimepicker.quarter .month {
    width: 48%;
}
.datetimepicker.quarter .month:nth-child(n+5){
    display: none;
}
.exp{
    background-color: transparent;
    border: 0px;
    color: gray;
    color: #000000;
    opacity: 0.2;
    text-shadow: 0 1px 0 #ffffff;
  }
</style>
<!--jquery -->
 <script type="text/javascript"	src="../../../js/jquery/jquery-2.0.3.min.js"></script>  
<!-- BOOTSTRAP -->
<script src="../../../bootstrap-dist/js/bootstrap.min.js"></script>

<!-- bootstrap table js -->
<script src="../../../bootstrapTable/dist/bootstrap-table.js"></script>
<script	src="../../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>

<!-- jquery-confirm -->
<link href="../../../css/jquery-confirm.css" rel="stylesheet">
<script type="text/javascript" src="../../../js/jquery-confirm.js" ></script>

<!-- jquery-table2excel -->
<!-- <script type="text/javascript" src="../../../js/jquery.table2excel.min.js" ></script> -->

<!-- table2Excel  -->
<script type="text/javascript" src="../../../js/TableExport/shim.min.js" ></script>
<script type="text/javascript" src="../../../js/TableExport/jszip.js" ></script>
<script type="text/javascript" src="../../../js/TableExport/Blob.js" ></script>
<script type="text/javascript" src="../../../js/TableExport/FileSaver.js" ></script>
<script type="text/javascript" src="../../../js/TableExport/xlsx.full.js" ></script>
<!-- xcConfirm -->
<link rel="stylesheet" type="text/css" href="../../../css/xcConfirm.css"/>
<script src="../../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
<!-- echarts -->
<script type="text/javascript" src="../../../js/echarts-all.js"></script>
<script type="text/javascript" src="../../../js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="../../../js/share.js"></script>
<script type="text/javascript" src="../../../js/bindcontrol.js" ></script>
<script type="text/javascript" src="../../../js/orgpicker/orgpicker.js"></script>
<script type="text/javascript" src="index.js" ></script>
 
</head>

<body>
	<header class="navbar clearfix" id="header">
		<div class="container">
			<div class="navbar-brand">
				<!-- COMPANY LOGO -->
				<a href="../../../index.html"> <img src="../../../img/logo/logo.png"
					alt="Cloud Admin Logo" class="img-responsive" height="30"
					width="120">
				</a>
				<!-- /COMPANY LOGO -->
				<!-- TEAM STATUS FOR MOBILE -->
				<div class="visible-xs">
					<a href="#" class="team-status-toggle switcher btn dropdown-toggle">
						<i class="fa fa-users"></i>
					</a>
				</div>
				<!-- /TEAM STATUS FOR MOBILE -->
				<!-- SIDEBAR COLLAPSE -->
				<div id="sidebar-collapse" class="sidebar-collapse btn">
					<i class="fa fa-bars" data-icon1="fa fa-bars"
						data-icon2="fa fa-bars"></i>
				</div>
				<!-- /SIDEBAR COLLAPSE -->
			</div>
		</div>
	</header>
	<!-- PAGE -->
	<section id="page">
		<!-- SIDEBAR -->
		<div id="sidebar" class="sidebar">
			<div class="sidebar-menu nav-collapse">

				<!-- SIDEBAR QUICK-LAUNCH -->
				<!-- <div id="quicklaunch">
						<!-- /SIDEBAR QUICK-LAUNCH -->

				<!-- SIDEBAR MENU -->

				<ul id="menu">

				</ul>

				<!-- /SIDEBAR MENU -->
			</div>
		</div>
		<!-- /SIDEBAR -->
		<div id="main-content">
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="box-config" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
							<h4 class="modal-title">Box Settings</h4>
						</div>
						<div class="modal-body"></div>
					</div>
				</div>
			</div>
			<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->

									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li><i class="fa fa-home"></i> <a href="../../../index.html">工作台</a>
										</li>
										<li>审批统计</li>
									</ul>
									<!-- /BREADCRUMBS -->
									<div class="clearfix" style="margin-bottom: 5px">
										<h3 class="content-title pull-left">审批统计分析列表</h3>
										<span class="date-range pull-right">
											<div class="btn-group" id="btn">
											 <a class="js_update btn btn-info disabled"  data-container="body" data-toggle="popover" data-html="true" data-placement="bottom">
													<div class="popover-content hidden" >
														<div class="btn-group">
													   	 <button type="button" class="js_update btn btn-info" onclick="exp('xlsx')">xlsx导出</button>
													   	 <button type="button" class="js_update btn btn-info" onclick="exp('csv')">csv导出</button>  
													    </div>
													 </div>
												 	<span class="glyphicon glyphicon-export" ></span>导出
												</a>
												<a id="lineChart"  class="js_update btn btn-info disabled" href="#"><span
													class="glyphicon glyphicon-minus"></span>折线图
												</a>
												 <a id="barChart" class="js_update btn btn-info hidden-xs disabled" href="#">
												 	<span class="glyphicon glyphicon-stats"></span>柱状图
												</a>
											</div>
										</span>
									</div>
									
								</div>
								<!-- 查控件区域 -->


								<form class="form-horizontal">
									<fieldset>
										<div class="form-group">
											<label class="col-sm-1 control-label">受理机构</label>
							                <div class="col-sm-3">
	    										<input type="text" class="form-control" id="org" placeholder="请选择受理机构">
							                </div>
											<label class="col-sm-1 control-label">项目名称</label>
											<div class="col-sm-3">
												<select class="form-control" id="itemtypecode"></select>   
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-1 control-label">环比</label>
											<div class="checkbox col-sm-1">
												<input type="checkbox"   name="count1" value="0">
											</div>
											<label class="col-sm-1 control-label">同比</label>
											<div class="checkbox col-sm-1">
												<input type="checkbox" name="count2" value="1">
											</div>
										</div>
										
										<div class="form-group" id="date">
											<div id="date1">
												<label class="col-sm-1 control-label">开始时间</label>
												<div class="col-sm-2"><input type="date" class="form-control" data-html="true" data-container="body"  data-trigger="manual" data-toggle="popover" data-placement="top"  onclick="hidePop()"
            												data-content="<span style='color:red;'>请选择开始时间</span>"></div>
												<label class="col-sm-1 control-label">结束时间</label>
												<div class="col-sm-2"><input type="date" class="form-control" data-html="true" data-container="body" data-trigger="manual" data-toggle="popover" data-placement="top" onclick="hidePop()"
            												data-content="<span style='color:red;'>请选择结束时间</span>"></div>
											</div>
											<div class="hidden"  id="date2">
												<label class="col-sm-1 control-label">环比类别</label>
												<div class="col-sm-1">
													<select class="form-control" >
														<option value="1" selected="selected">月</option>
														<option value="2">季度</option>
													</select>
												</div>
												<div id="month">
													<label class="col-sm-1 control-label">结束时间</label>
													<div class="col-sm-2">
														<input type="date" data-html="true" class="form-control"  data-container="body" data-toggle="popover" data-trigger="manual" data-placement="top" onclick="hidePop()"
            												data-content="<span style='color:red;'>请选择结束时间</span>">
            										</div>
												</div>
												<div id="quarter" class="hidden">
													<label class="col-sm-1 control-label">环比季度</label>
													<div class="col-sm-2">
														 <input type="text" class="form-control form_datetime input-date" data-html="true" data-container="body" data-trigger="manual|click" data-toggle="popover" data-placement="top" onclick="hidePop()"
            												data-content="<span style='color:red;'>请选择环比季度</span>"> 
													</div>
												</div>
												<label class="col-sm-1 control-label">环比个数</label>
												<div class="col-sm-1"><input type="number" class="form-control" value="1" step="1"  min="1" max="3" data-html="true" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top"
            											onclick="hidePop()"	data-content="<span style='color:red;'>环比个数值域为【1-3】</span>"></div>
											</div>
											<div class="form-group">
												<div class="col-sm-1">
													<button type="button" class="btn btn-primary" id="search">
														<span class="glyphicon glyphicon-search"></span>搜索
													</button>
												</div>
											</div>
										</div>
									</fieldset>
								</form>
							</div>
						</div>
						<!-- /PAGE HEADER -->

						<!-- 内容区域 -->
						<div class="col-md-12">

							<table id="table"></table>
							<!-- modal -->
							<div class="modal fade" id="modal" tabindex="-1" role="dialog"
								aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog" id="modalW">
									<div class="modal-content">
										<div class="modal-header modal-primary">
											<div class="btn-group pull-right">
												<button type="button" class="close" title="关闭" data-dismiss="modal" aria-hidden="true">&times;</button>
											</div>
											<h4 class="modal-title" id="myModalLabel" style="font-weight: 900;">
												<span id="modalTile">标题</span>
											</h4>
										</div> 
										<div class="modal-body " id="modalH">
											<div id="chart" style="overflow-y:auto; "></div>
										</div>
									</div>
									<!-- /.modal-content -->
								</div>
								
								
								<!-- modal增加移动效果 start -->
								<script src="../../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
								<script type="text/javascript">
								    $("#modalW").draggable();//为模态对话框添加拖拽
// 								    $("#modal").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
								</script>	
								<!-- modal增加移动效果 end -->	
							</div>
							<!-- modal -->
							
							<!-- 内容区域 -->
							<div class="footer-tools">
								<span class="go-top"> <i class="fa fa-chevron-up"></i>
									Top
								</span>
							</div>
						</div>
						<!-- /CONTENT-->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--/PAGE -->
	<!-- COOKIE -->
	<script type="text/javascript"
		src="../../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="../../../js/script.js"></script>


	<script type="text/javascript">
		function refreshData() {
			$('#table').bootstrapTable(('refresh')); // 很重要的一步，刷新url！
			$('#modal').modal('hide');
		}
	</script>
</body>
</html>